<template>
	<view class="s-goods">
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容</view>
		<view>其他内容zzz</view>
		<uni-goods-nav class="goods-carts" @click="leftClick" @buttonClick="rightClick" fill :buttonGroup="buttonGroup"
			 />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				buttonGroup: [{
						text: '加入购物车1',
						backgroundColor: '#ff0000',
						color: '#fff'
					},
					{
						text: '立即购买',
						backgroundColor: '#ffa200',
						color: '#fff'
					}
				]
			}
		},
		methods: {
			leftClick(d) {
				console.log(d);
			},
			rightClick(d) {
				console.log(d);
			}
		}
	}
</script>

<style lang="scss">
.s-goods{
	padding-bottom: 120rpx;
	box-sizing: border-box;
	.goods-carts {
			// flex-direction: column;
			position: fixed;
			left: 0;
			right: 0;
			/* #ifdef H5 */
			left: var(--window-left);
			right: var(--window-right);
			/* #endif */
			bottom: 0;
		}
}
</style>
